.screen {
  display: flex;
  flex-direction: row;;
  border-top: 0.0625em solid #E4E4E4;
  position: relative;
}

.screenItem {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 0.8em 0;
}

.selectScreenItem {
  display: flex;
  flex-direction: row;
  flex: 1;
  background-color: #fff;
  padding: 0.8em 0;
  color: #6ca0f7;
  justify-content: center;
}

.name {
  text-align: center;
}

.screenItem img {
  width: 1em;
  height: 1em;
}

.selectScreenItem img {
  width: 1em;
  height: 1em;
}

.screenHidden {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 2.7em;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 20;
}

.screenHiddenBottom {
  bottom: 9.3em;
}

.hiddenItem {
  /*flex: 1;*/
  text-align: left;
  height: 2.5em;
  line-height: 2.5em;
  background-color: #fff;
  /*margin-top: 0.1em;*/
  border-top: 0.0625em solid #E4E4E4;
  padding-left: 1em;
}

.selectHiddenItem {
  /*flex: 1;*/
  text-align: left;
  height: 2.5em;
  line-height: 2.5em;
  background-color: #fff;
  border-top: 0.0625em solid #E4E4E4;
  padding-left: 1em;
  color: #6ca0f7;
}

.selectBG{
  position: absolute;
  top: 2.8125em;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
}
